<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<!-- 이것은 주석입니다. 
html은 대소문자 구분을 암함

<html> : Root태그 문서의 시작과 끝을 지정함 </html>
<head> html 문서에 대한 설명/설정 </head>
<body> html 문서 내용을 넣는 태크 </body>
마크업 랭귀지란? 태그를 이용해서 문서내용의 일부에 설명을 하는 언어
HTML : HTTP프로토콜을 통해서 전달하는 문서를 만들기 위한 makrup언어
<내용이 없는 태그일 경우 end태그는 생략 가능(원칙적으로 마크업 언어에서는 생략할 수 없으나 HTML만 생략 가능함>
내용이 없는 태그일 경우 원칙적으로 <태그/> 로 써야 한다.XML은 이렇게 써야 한다.
반면 HTML은 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
이것처럼 엔드태그를 생략 가능하다.
태그의 구성 : <태그명 속성 = "값" 속성 ="값"> (공백으로 구별)
Ex)
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
속성은 태그에 대한 추가정보 설정
<font size="6" color="red" face="돋움">hello</font>
속성은 반드시 start태그에 쓴다. 엔드 태그에는 쓰지 않는다.
<p> : 문단을 지정시 사용
<br>줄넘김, 스페이스 공백은 몇개를 넣던 공백 하나로 인식 그래서 추가 공백이 필요한 경우 &nbsp
<ol></ol> : ordered list - 순서가 있는 목록 만들때 사용(숫자, 알파벳, 로만숫자)
목록 속성 : type=(1),(a/A),(i/I) 이런식으로
<ul></ul> : unordered list - 순서가 표기 안되는 목록 만들때 사용
목록 속성 : type=(disc,circle,square)
	-하위 태그 <li>
	
	<a> : 링크 - 다른 문서로 이동처리, 링크는 풀 네임이 생략 가능한데 그것이 생략 가능한 것은 같은 도메인 내의 링크를 참조할 경우
	그 링크의 도메인경로는 / 하나로 대체 가능하다.
	
	
	html은 대소문자를 엄격하게 구분한다!
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
동해물과 백두산이<p>

<u>마르고 닳도록</u>

<b>하느님이 보우하사 우리나라 만세</b>
<br>무궁화 삼천리 화려강산
대한사람 대한으로 우리 나라만세
<font size="60" color="red">hello</font>
<font size="6" color="red" face="굴림">hello</font>
<br><h1>개같은년들</h1>
<ol type="A">
<li>박근혜</li>
<li>이명박</li>
<li>전두환</li>
<li>노태우</li>
</ol>
<ul>
<li>박근혜</li>
<li><img src="image/mb18.PNG" width="200"></li>
<li><img src="http://img.naver.net/static/www/u/2013/0731/nmms_224940510.gif"></li>
<li>이명박</li>
<li>전두환</li>
<li><a href="menu.html">
노태우</a></li>
</ul>
<!-- 그런데 이렇게 경로를 완전히 생략할 수 있는데 그때는 이 메뉴 html이 같은 도메인에 같은 폴더 경로에 있을때 가능하다. /를 쓰지 않고 그냥 파일명만 붙인다.  -->


</body>
</html>